<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no, width=device-width">
    <title></title>
    <link href="js/css/ionic.css" rel="stylesheet"/>
    <script src="js/js/ionic.bundle.js"></script>
    <script src="js/app.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <ion-side-menus>
        <ion-side-menu-content>
            <ion-header-bar class="bar-dark">
                <button class="button button-icon" ng-click="">
                    <i class="icon ion-navicon"></i>
                </button>
                <h1 class="title">Todo</h1>
                <button class="button button-icon" ng-click="">
                    <i class="icon ion-compose"></i>
                </button>
            </ion-header-bar>
            <ion-content scroll="false">
                <ion-list>
                    <ion-item ng-repeat="task in activeProjects.tasks">
                        {{task.title}}
                    </ion-item>
                </ion-list>
            </ion-content>
        </ion-side-menu-content>
        <ion-side-menu class="icon-left">
            <ion-header-bar class="bar-dark">
                <h2 class="title">Projects</h2>
                <button class="button button-icon" ng-click="createNewProject()">
                    <i class="icon ion-plus"></i>
                </button>
            </ion-header-bar>
            <ion-content scroll="false">
                <ion-list>
                    <ion-item ng-repeat="project in projects" ng-click="">
                        {{project.title}}
                    </ion-item>
                </ion-list>
            </ion-content>
        </ion-side-menu>
    </ion-side-menus>
</body>
</html>